
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>会员分析</title>
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/default/easyui.css">
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/icon.css">
    <!--jquery必须在easyui之前导入  -->
    <script src="/static/js/plugins/jquery-easyui/jquery.min.js"></script>
    <script src="/static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>
    <script src="/static/js/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="/static/js/system/memberInfoNalyze.js"></script>
    <script type="text/javascript" src="/static/js/plugins/echarts/echarts-all.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',title:'会员消费统计'" style="height: 30%;background:greenyellow;">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'west'" style="width: 50%;background:greenyellow;" border="false">
            <div class="easyui-layout" data-options="fit:true">
                <div data-options="region:'west'"
                     style="width: 50%;margin-top: 5%;margin-left: 5%;margin-right: 5%;margin-bottom: 5%">
                    <div align="center" style="margin-top: 10%">
                        <font size=4 > <p>消费次数</p></font>
                        <div style="margin-top: 10px">
                            <font size=7 color="red">
                                <span id="consumeCount"></span></font>次
                        </div>
                    </div>
                </div>
                <div data-options="region:'center'"
                     style="width: 50%;margin-top: 5%;margin-left: 5%;margin-right: 5%;margin-bottom: 5%">
                    <div align="center" style="margin-top: 10%">
                        <font size=4 > <p>消费总额</p></font>
                        <div style="margin-top: 10px">
                            <font size=7 >
                                <span><i class="money" style="color: red" id="consumeAmount"></i></span>
                            </font>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-options="region:'center'" style="width: 50%;background:greenyellow;" border="false">
            <div class="easyui-layout" data-options="fit:true">
                <div data-options="region:'west'"
                     style="width: 50%;margin-top: 5%;margin-left: 5%;margin-right: 5%;margin-bottom: 5%">
                    <div align="center" style="margin-top: 10%">
                        <font size=4 > <p>充值总额</p></font>
                        <div style="margin-top: 10px">
                            <font size=7 >
                                <span><i class="money" style="color: springgreen" id="chargeAmount"></i></span>
                            </font>
                        </div>
                    </div>
                </div>
                <div data-options="region:'center'"
                     style="width: 50%;;margin-top: 5%;margin-left: 5%;margin-right: 5%;margin-bottom: 5%">
                    <div align="center" style="margin-top: 10%">
                        <font size=4 ><p>消费最高的会员</p></font>
                        <div style="margin-top: 10px"></div>
                        <font size=5 color="blue" >
                            <span id="nameList"></span>
                        </font>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div data-options="region:'center',title:'会员消费排行'" style="height: 30%;background:lawngreen;">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'west'" style="width:60%">
            <table id="member_datagrid"></table>
        </div>
        <div data-options="region:'center'">
            <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
            <div id="main" style="height:90%;width: 90%;margin-top: 5%;margin-left: 8%"></div>
        </div>
    </div>


</div>
</body>
</html>
